<template>
    <div id="app">
        <!-- 面包屑 -->
        <div id="breadcrumb_box">
            <el-breadcrumb separator-class="el-icon-arrow-right">
                <el-breadcrumb-item>辅助管理</el-breadcrumb-item>
                <el-breadcrumb-item><span id="current">修改密码</span></el-breadcrumb-item>
            </el-breadcrumb>
        </div>

        <el-card>
            <el-form id="change_password" :model="input_password" :rules="input_password_Rules" ref="passwordRef">
                <el-form-item class="old_password" prop="old_password">
                    <el-row>
                        <el-col :span="1">
                            <div id="interval"></div>
                        </el-col>
                        <el-col :span="2">
                            <div style="font-size: 15px; line-height: 45px;">
                                <i class="el-icon-lock" aria-hidden="true"></i>
                                当前密码：
                            </div>
                        </el-col>
                        <el-col :span="8">
                            <el-input placeholder="请输入密码" v-model="input_password.old_password" show-password
                                @keyup.enter.native="focusNext('password1')">
                            </el-input>
                        </el-col>
                    </el-row>
                </el-form-item>
                <el-form-item class="new_password1" prop="new_password1">
                    <el-row>
                        <el-col :span="1">
                            <div id="interval"></div>
                        </el-col>
                        <el-col :span="2">
                            <span style="font-size: 15px; line-height: 45px;">
                                <i class="el-icon-lock" aria-hidden="true"></i>
                                新密码：
                            </span>
                        </el-col>
                        <el-col :span="8">
                            <el-input placeholder="请输入密码" v-model="input_password.new_password1" show-password
                                ref="password1" @keyup.enter.native="focusNext('password2')">
                            </el-input>
                        </el-col>
                    </el-row>
                </el-form-item>
                <el-form-item class="new_password2" prop="new_password2">
                    <el-row>
                        <el-col :span="1">
                            <div id="interval"></div>
                        </el-col>
                        <el-col :span="2">
                            <span style="font-size: 15px; line-height: 45px;">
                                <i class="el-icon-lock" aria-hidden="true"></i>
                                确认密码：
                            </span>
                        </el-col>
                        <el-col :span="8">
                            <el-input placeholder="请输入密码" v-model="input_password.new_password2" show-password
                                ref="password2" @keyup.enter.native="change_password()">
                            </el-input>
                        </el-col>
                    </el-row>
                </el-form-item>
                <!-- 按钮区域 -->
                <el-form-item class="btn_box">
                    <el-row>
                        <el-col :span="1">
                            <div id="interval"></div>
                        </el-col>
                        <el-button icon="el-icon-check" id="submit" @click="change_password()">确认修改</el-button>
                    </el-row>
                </el-form-item>
            </el-form>
        </el-card>

    </div>
</template>

<script src="../../assets/js/admin/change_password.js">
</script>

<style scoped src="../../assets/css/admin/manage.css">
</style>
